<ion-header>
	<header>
		<div class="header_pertitle">
			添加经销商
		</div>	
	</header>
</ion-header>
<ion-content>
	<div class="dealer_content">
        <p>联系人: <span>{{trenchName}}</span></p>
		<!--这里通过数据双向绑定，组件间数据传递-->
        <p>电话: <span>{{trenchMobile}}</span></p>
	</div>
	
	<ion-list >
	  <ion-item>
	    <ion-label fixed>公司名称<span class="line"></span></ion-label>
	    <ion-input type="text" placeholder="请输入公司名称" style="margin-bottom: 5px;" [(ngModel)]="companyName"></ion-input>
	  </ion-item>

	</ion-list>
	<!--省市三级联动-->
	<ion-list >
	   <ion-item class="list_provience">
	    <ion-label>省市区<span class="line"></span></ion-label>
		   <city-picker item-content
						[cancelText]="'取消'"
						[doneText]="'完成'"
						[separator]="' - '"
						[citiesData]="cityData"
						[(ngModel)]="cityName"
						(ionChange)="cityChange($event)"
						class='city_picker'>

		   </city-picker>
	  </ion-item>
    </ion-list>
	<!--省市详细地址-->
	<ion-list class='textarea'>
	  <ion-item>
	    <ion-label fixed class='textarea_lable'>详细地址<span class="line"></span></ion-label>
		  <ion-textarea placeholder="请输入详细地址" [(ngModel)]="textareaInfo"></ion-textarea>
		  <!--详细地址的双向数据绑定，传值-->
	    <!--<ion-input type="text" value=""></ion-input>-->
	  </ion-item>
	</ion-list>
 	<!--代理产品-->

    <div (click)="openModal({product: 'this.product'})" id='textarea_product' class="list_product">
        <div id="product">
            代理产品<span id="line"></span>
        </div>
        <div class="product_contentc">
            请选择您的产品
        </div>
    </div>

  	<!--备注-->
  	<ion-list class='textarea_remark'>
	  <ion-item>
	    <ion-label fixed class='textarea_remarklable' >备注<span class="line"></span></ion-label>
	    <ion-textarea placeholder="请输入备注" maxlength="100" [(ngModel)]="remarks"></ion-textarea>
	    <!--<ion-input type="text" value=""></ion-input>-->
	  </ion-item>
	</ion-list>
	
	<!--底部按钮-->
	<div class="trench_bottombtn">
		<button ion-button (click)="cancel()">取消</button>
		<button ion-button (click)="confirm()">确定</button>	
	</div>
	<!--//提示信息-->
	<div class="box" *ngIf="isShow">

	</div>
	<div class="toast" *ngIf="isShow">
		<p id="toast_toptitle">确认信息</p>
		<p id="border"></p>
		<p>添加完成后无法修改，请确认您填写的信息准确无误。</p>
        <p *ngIf="isNeed" style="color: red">*城市/产品/公司名称为必填</p>

        <div class="toast_btn">
			<button ion-button (click)="cancelAdd()">取消</button>
			<button ion-button (click)="correctAdd()">已正确填写</button>
		</div>
	</div>
</ion-content>








